<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Rainbofilm Design</title>
<link href='http://fonts.googleapis.com/css?family=Molengo'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Alice'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet'
	type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Federo'
	rel='stylesheet' type='text/css'>

<link href="modeling.css" rel="stylesheet" type="text/css">
<link href="global.css" rel="stylesheet" type="text/css">
<link href="template2.css" rel="stylesheet" type="text/css"><!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<style type="text/css">
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a {
	color: #ffcc99
}

#contentwrapper .main .leftulcontainer #leftul #accordion .pane a:hover
	{
	color: #ff9933
}
</style>
</head>

<body>
<div class="global">
<div class="header">
<div class="bgimg"></div>
<div class="bgpart1"></div>
	<div class="bgpart2"></div>



<div class="banner">
<div class="logo"><img
	src="http://2011.igem.org/wiki/images/c/c9/Logo.png" width="200"
	height="200" /></div>
<div class="title"><img
	src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603"
	height="220" /></div>
<div class="igemlogo"><a target="_blank"
	href="http://2011.igem.org"><img
	src="http://2011.igem.org/wiki/images/e/e2/Igemlogo.png" width="180"
	height="150" /></a></div>
</div>
<!--banner-->
<div class="nav">
<ul id="topnav">
	<li><a id="P_Home" href="http://zjuchina.tk/index.html">Home</a></li>

	<li><a id="P_Project"
		href="http://zjuchina.tk/Project.html">Project</a> <!--Subnav Starts Here-->


	<!--Subnav Ends Here--></li>
	<li><a id="P_Team" href="http://zjuchina.tk/Team.html">Team</a>

	</li>
	<li><a id="P_Notebook"
		href="http://zjuchina.tk/Notebook.html">Notebook</a></li>
	<li><a id="P_HumanPractice"
		href="http://zjuchina.tk/Humanpractice.html">HumanPractice</a></li>
	<li id="search">
	<div id="searchbar">

	<div>
	<form action="http://www.google.com.hk/cse" id="cse-search-box"
		target="_blank">
	<div><input type="hidden" name="cx"
		value="005438704919531788579:zbfi5n-q5du" /> <input type="hidden"
		name="cof" value="FORID:10" /> <input type="hidden" name="ie"
		value="UTF-8" /> <input type="text" name="q" size="15" /> <input
		type="submit" name="sa" value="Search" /></div>
	</form>
	<script type="text/javascript"
		src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div>
	</div>
	</li>
</ul>
</div>
<!--navbar--> <script type="text/javascript">
   document.getElementById('P_Team').onclick=function(){
	   document.getElementById('P_Te').style.display='block'

	    document.getElementById('P_Pr').style.display='none'
		document.getElementById('P_No').style.display='none'
		document.getElementById('P_Hu').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	    document.getElementById('P_Project').onclick=function(){
	   document.getElementById('P_Pr').style.display='block'
	    document.getElementById('P_Te').style.display='none'
		document.getElementById('P_No').style.display='none'
		document.getElementById('P_Hu').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	    document.getElementById('P_Notebook').onclick=function(){
	   document.getElementById('P_No').style.display='block'
	    document.getElementById('P_Pr').style.display='none'
		document.getElementById('P_Te').style.display='none'
		document.getElementById('P_Hu').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	    document.getElementById('P_HumanPractice').onclick=function(){
	   document.getElementById('P_Hu').style.display='block'
	    document.getElementById('P_Pr').style.display='none'
		document.getElementById('P_No').style.display='none'
		document.getElementById('P_Te').style.display='none'
		<!-- document.getElementById('P_Pr').style.display='none' -->
	   };
	  
</script></div>
<!--header-->
<div id="contentwrapper">
<div class="main">

	<div class="bgpart3"></div>
<div class="leftulcontainer" id="orange">
<div id="leftul" class="leftul">
<div id="accordion">


<h4 id="try">Biofilm</h4>

<div class="pane"><a
	href="http://zjuchina.tk/Project.html">Background</a> <a
	href="http://zjuchina.tk/bio-Design.html">Design</a> <a
	href="http://zjuchina.tk/bio-modeling.html">Modeling</a> <a
	href="http://zjuchina.tk/bio-results.html">Results</a></div>

<h4 class="current">Rainbofilm</h4>

<div class="pane" style="display: block;"><a
	href="http://zjuchina.tk/rainbo-Background.html">Background</a>
<a href="http://zjuchina.tk/rainbo-Design.html">Design</a> <a
	href="http://zjuchina.tk/rainbo-modeling-v1.html">Modeling</a> <a
	href="http://zjuchina.tk/rainbo-Results.html">Results</a></div>

<h4>Sugarfilm</h4>

<div class="pane"><a
	href="http://zjuchina.tk/Sugar-background.html">Background</a> <a
	href="http://zjuchina.tk/Sugar-Design.html">Design</a> <a
	href="http://zjuchina.tk/Sugar-Modeling.html">Modeling</a> <a
	href="http://zjuchina.tk/Sugar-Future.html">Future</a></div>
<h4>Parts</h4>

<div class="pane"><a
	href="http://zjuchina.tk/BBa_I13602.html">BBa_I13602</a> <a
	href="http://zjuchina.tk/BBa_K561000.html">BBa_K561000</a> <a
	href="http://zjuchina.tk/BBa_K561002.html">BBa_K561002</a> <a
	href="http://zjuchina.tk/BBa_K561003.html">BBa_K561003</a></div>
<h4>Achievements</h4>
<div class="pane"><a href="http://zjuchina.tk/data.html">Data
Page</a> <a href="http://zjuchina.tk/judging.html">Judging Form</a> <a
	href="http://zjuchina.tk/attribution.html">Attribution and
Contributions</a></div>
<h4>Tools</h4>

<div class="pane"><a href="http://zjuchina.tk/Tools.html">Tools</a>
</div>


<script> 
$(function() { 
 
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
});
</script> <!-- Navigation scroll follow --> <script type="text/javascript">
        $(window).scroll(function () { 
            var scrollPos = $(window).scrollTop();
            if (scrollPos > 330) {
                $(".leftul").addClass("stickToTop");
            } else {
                $(".leftul").removeClass("stickToTop");
            }
     
        });
    </script></div>
<!--accordion--></div>
<!--leftul--></div>
<!--leftulcontainer-->

<div class="rightcontainer">
<div id="styleA" class="frame">
<div id="orange">
<p></p>
<h1>Design</h1>
<!--importantcontainer-->
<p></p>
<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>Circuits</h1>
</div>
</div>
</div>
<div id="framecontent">
<h3>Aerobic</h3>
<p><strong>Part: <a
	href="http://partsregistry.org/Part:BBa_I13602">BBa_I13602</a></strong></p>
<p><img src="http://2011.igem.org/wiki/images/c/c1/BBa_I13602.jpg" /></p>
<h3>Microaerobic</h3>
<p><strong>Part: <a
	href="http://partsregistry.org/Part:BBa_K561000">BBa_K561000</a></strong></p>
<p>Pvgb — RBS (medium) + YFP (Part: BBa_I15017) — RBS
(strong)+tetR+double terminator (Part: <a
	href="http://partsregistry.org/Part:BBa_P0440">BBa_P0440</a>)</p>
<p><img src="http://2011.igem.org/wiki/images/9/98/BBa_K561000.jpg" /></p>
<h3>Anaerobic</h3>
<p><strong>Part: <a
	href="http://partsregistry.org/Part:BBa_K561002">BBa_K561002</a></strong></p>
<p>fdhF— RBS (strong) +RFP (Part: <a
	href="http://partsregistry.org/Part:BBa_K093005">BBa_K093005</a>)—RBS
(strong)+tetR+double terminator (Part: <a
	href="http://partsregistry.org/Part:BBa_P0440">BBa_P0440</a>)</p>
<p><br />
<img src="http://2011.igem.org/wiki/images/6/68/BBa_K561002.jpg" /></p>
</p>
</div>
<div id="importantcontainer">
<div class="frame" id="important">
<div class="bgcolors" id="round">
<h1>How it works</h1>
</div>
</div>
</div>
<div id="framecontent">
<p style="text-align: center"><img
	src="http://igem.org/wiki/images/6/63/ZjuYU6.gif" /></p>
<p>Our rainbofilm was constructed with three different sub-devices,
whose expressions are controlled by three different promoters: Ptet,
Pvgb andPfdhF. Under aerobic conditions, Ptet constitutively regulates
expression of CFP. Under micro-aerobic and anaerobic conditions, Pvgb
and PfdhF work respectively and lead to the expression of tetR, which
represses Ptet. The repression of Ptet stops the expression of CFP.
Under micro-aerobic conditions, its promoter, Pvgb, has its highest
expression, while under anaerobic conditions, PfdhF contributes to the
expression of RFP.</p>
<p>&nbsp;</p>
<p><img src="http://igem.org/wiki/images/0/0d/ZjuYU6_f.gif"
	style="margin-left: 20px;" /></p>
</p>
<p>From the surface to the bottom, the bacteria maintain different
physiological states in a layered fashion. These varied layers can be
characterized by gradients in the concentrations of oxygen. We used
oxygen concentration gradients within the biofilm as signals to induce
the expression of different proteins.</p>
</div>



<p>&nbsp;</p>

<!--framecontent--><!--rightnav--> <!--rightnav--></div>
<!--orange--></div>
<!--frame--></div>
<!--rightcontainer-->
<p style="clear: both"></p>
</div>
<!--main-->
<p style="clear: both"></p>
<div class="footer" id="footer"><a href="http://2011.igem.org/">
iGem 2011 Home Page</a> <a href="http://ung.igem.org/Special:Upload/">
Upload Files</a> <a
	href="http://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit
CSS</a> <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a> <a
	href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a></div>
</div>
<!--contentwrapper-->
</div>
</body>
</html>

